{# src/Site/GeneralBundle/Resources/views/Default/index.twig.html #}
{# Autheur : Brett Choquet #}

{% extends "::layout.html.twig" %}

{% block title %}
Gestion - Facebook - {{ parent() }}
{% endblock %}

{% block body %}
<div class="jumbotron">
  <h1>Gestion module Facebook</h1>
  <p class="lead">
    Ce module permet d'avoir un contrôle administrateur sur les groupes Facebook des projets. Il est possible de les consulter, d'envoyer un message à un groupe spécifique ou à tous et de les détruire/ouvrir. </p>
</div>

<div class="well">
  <ul class="nav nav-tabs">
    <li class="active"><a href="#listeGroupes" data-toggle="tab">Liste groupes</a></li>
    <li><a href="#envoyerMessage" data-toggle="tab">Envoyer message</a></li>
    <li><a href="#envoyerElement" data-toggle="tab">Envoyer lien/fichier</a></li>
    <li><a href="#gestionGroupes" data-toggle="tab">Gérer groupes</a></li>
  </ul>
  
  <div class="tab-content">
    <div class="tab-pane active" id="listeGroupes">
      <div class="row" style="margin-top:20px">
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
      </div>
      <div class="row" style="margin-top:20px">
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
	<div class="col-xs-6 col-md-4">
	  <a href="#" class="thumbnail">
	    <img data-src="holder.js/100%x180" alt="...">
	  </a>
	</div>
      </div>
    </div>



    
    <div class="tab-pane" id="envoyerMessage">
      <div class="well well">
	<form role="form">
	  <div class="radio">
	    <label> 
	      <input type="radio" name="teakts" value="MessageGroupe" id="MessageGroupe" onClick="cacher();" checked/>
	      Message à tous les groupes Facebook
	    </label>
	  </div>
	  <div class="radio">
	    <label> 
	      <input type="radio" name="teakts" value="messageCible" id="MessageCible" onClick="afficher();"/>
	      Message ciblé
	    </label>
	  </div>
	  <select class="form-control" id="champ_cache">
	    <option>Remaniement de site</option>
	    <option>Monnaie virtuelle</option>
	  </select>
	  <div class="form-group">
	    <label for="exampleInputEmail1">Message</label>
	    <textarea class="form-control" rows="10" style="resize:vertical;" placeholder="Ecrivez ici !"></textarea>
	  </div>
	  <button type="submit" class="btn btn-success">Envoyer</button>
	  <button type="reset" class="btn btn-danger" onClick="cacher();">Effacer</button>
	</form>	
      </div>
    </div>






    <div class="tab-pane" id="envoyerElement">
      <div class="well well">
	<form role="form">
	  
	</form>
      </div>
      
    
      <script type="text/javascript">
	document.getElementById("champ_cache").style.display = "none";
	
	function afficher()
	{
	document.getElementById("champ_cache").style.display = "block";
	}
	
	function cacher()
	{
	document.getElementById("champ_cache").style.display = "none";
	}
      </script>
    </div>
    
    <div class="tab-pane" id="gestionGroupes">
      <h3>Just gonna be empty...</h3>
      
      <p>Yup. Nothin' here.</p>
    </div>
    
  </div>
</div>
  {% endblock %}
  
